<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.error {
				color: red;
			}
		</style>
	</head>
	<body>
		<!-- required: "This field is required.",
		remote: "Please fix this field.",
		email: "Please enter a valid email address.",
		url: "Please enter a valid URL.",
		date: "Please enter a valid date.",
		dateISO: "Please enter a valid date (ISO).",
		number: "Please enter a valid number.",
		digits: "Please enter only digits.",
		equalTo: "Please enter the same value again.",
		maxlength: $.validator.format( "Please enter no more than {0} characters." ),
		minlength: $.validator.format( "Please enter at least {0} characters." ),
		rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
		range: $.validator.format( "Please enter a value between {0} and {1}." ),
		max: $.validator.format( "Please enter a value less than or equal to {0}." ),
		min: $.validator.format( "Please enter a value greater than or equal to {0}." ),
		step: $.validator.format( "Please enter a multiple of {0}." ) -->
		<form id="myForm" action="xxx">
			<p>用户名(必须，最小6位):<input name="username" type="text" required minlength="6"></p>
			<p>密码(必须，6到8位):<input id="password" name="pwd1" type="password" required minlength="6" maxlength="8"></p>
			<p>确认密码(与密码相同):<input name="pwd2" type="password" equalTo="#password"></p>
			<p><input type="submit" value="注册"></p>
		</form>
			
		<script type="text/javascript" src="jquery-1.11.1.js"></script>
		<script type="text/javascript" src="jquery.validate.js"></script>
		<script type="text/javascript">
			// 声明式验证:程序员只需要声明各种验证规则，可以自定义验证错误信息
			
			// 对此表单开启验证
			$('#myForm').validate({
				messages:{
					username:{
						required: '用户名是必须的',
						minlength: '用户名至少为6位'
					},
					pwd1:{
						required: '密码是必须的',
						minlength: '密码至少为6位',
						maxlength: '密码最多8位'
					},
					pwd2:{
						equalTo: '必须与密码相同'
					}
				}
			})
		</script>
	</body>
</html>
